<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="author" content="PIXINVENT">
<title>自助售货管理后台</title>
<link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>
<body>
<div class="content-wrapper">
  <div class="content-header ">
    <div class="content-header-left mb-2 clearfix">
      <h3 class="content-header-title mb-0">会员列表</h3>
    </div>
  </div>
  <div class="card">
    <div class="card-content">
      <div class="card-body">
		  <div class="searchbox">
          <form class="form-inline">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="请填写IC卡号">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" placeholder="请填写手机号">
            </div>
			  
             <div class="form-group">
              <input type="text" style="min-width: 300px;" class="form-control date" placeholder="起止时间" id="test1">
            </div>
            

            
			  <div class="form-group">
              <button type="submit" class="btn btn-primary">查询</button>
            </div>
            
          </form>
        </div>
		  
        <div class="funcbtn clearfix">
          <div class="pull-left"><a class="btn btn-info" href=" 下载IC卡客户端.html"> 下载IC卡客户端</a></div>
        </div>
        <div class="tablebox1">
          <table class="table">
            <thead>
              <tr>
                <th>#</th>
                <th>IC卡号</th>
                <th>IC卡余额</th>
                <th>IC卡手机号</th>
                <th>IC卡状态</th>
                <th>注册时间</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>30</td>
                <td>227252050028</td>
                <td>¥100.00</td>
                <td>18976151961</td>
                <td><span class="text-success">已启用</span></td>
                <td>2018-09-28 09:43:57</td>
                <td><a class="btn btn-danger btn-td" href="#" id="demo1">停用</a></td>
              </tr>
            </tbody>
          </table>
          <div class="page clearfix">
            <div class="pull-left">共 400 条记录 第 1 / 80 页</div>
            <div class="pull-right">
              <nav aria-label="..." class="pull-left">
                <ul class="pagination">
                  <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                  <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                </ul>
              </nav>
              <div class="pull-left p-r-20  p-l-20">
                <select class="form-control">
                  <option>10条每页</option>
                </select>
              </div>
              <div class="pull-left">跳至
                <input type="text" value="5" class="form-control">
                页</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="app-assets/js/vendors.min.js" type="text/javascript"></script> 
<script src="app-assets/js/app-menu.js" type="text/javascript"></script> 
<script src="app-assets/js/app.js" type="text/javascript"></script> 
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script> 
<script src="app-assets/js/sweetalert2.js" type="text/javascript"></script> 
<script src="app-assets/laydate/laydate.js" type="text/javascript"></script> 
	<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
    elem: '#test1'
  ,range: true
  ,theme: '#00B5B8'
});
</script>
<script>
document.getElementById("demo1").onclick = function() {
    swal({
        title: "确认要停用吗 ？", 
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "停用",
      	closeOnConfirm: false
    }
	)
};

		</script>
</body>
</html>